<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    
    <title>垃圾分类终极大挑战—我是优等生，来和我一起学学怎么“分垃圾”吧！</title>
	<link rel="stylesheet" type="text/css" href="static/css/style.css"/>
	<link rel="stylesheet" href="static/css/animate.css">
	<style>
		.left_gift_pic .gift_pic {width: 56%;top: -8%;}
	</style>
  </head>
  <body>
    <div id="app">
		<div class="wrapper questionPage grade3 animated flipInY">
			<div class="grade">
				<img src="static/images/P9/grade.png" alt="">
				<p><img src="static/images/P9/text01.png" alt=""></p>
			</div>
			<div class="gift_box">
				<div class="left_gift_pic">
					<img src="static/images/gift_bg.png" alt="" class="gift_bg"/>
					<img src="static/images/P9/gift.png" alt="" class="gift_pic"/>
				</div>
				<button class="right_buy_btn">
					<a href="https://smarthome.17wo.cn/web-middle-front/#/detail?spuId=20190329175522643121247&user_source=10032">
					<img src="static/images/P9/gift_btn.png" alt=""></a>
				</button>
			</div>
			<div class="bottom">
				<p class="gradeText">
					<img src="static/images/P9/grade_text.png" alt="">
				</p>
				<p class="line"><img src="static/images/line.png" alt=""/></p>
				<p class="text02">
					<img src="static/images/P9/text02.png" alt="">
					<button class="prompt_btn"><img src="static/images/P9/prompt.png" alt=""></button>
				</p>
			</div>
		</div>
	</div>
	<div class="musicPlay" style="display: none;">
			<audio id="voice" loop="true" src="static/5b0f90b8da980.mp3" autoplay="autoplay"></audio>
	</div>
	<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
	<script src="static/js/main.js"></script>
	<script>
			 $(function(){
				var voice = document.getElementById('voice');
							//调用 <audio> 元素提供的方法 play()
							voice.play();
							//判斷 WeixinJSBridge 是否存在
							if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
									voice.play();
							} else {
									//監聽客户端抛出事件"WeixinJSBridgeReady"
									if (document.addEventListener) {
											document.addEventListener("WeixinJSBridgeReady", function() {
													voice.play();
											}, false);
									} else if (document.attachEvent) {
											document.attachEvent("WeixinJSBridgeReady", function() {
													voice.play();
											});
											document.attachEvent("onWeixinJSBridgeReady", function() {
													voice.play();
											});
									}
							}
						 })
			</script>
  </body>
</html>